/*
1. 退出
*/

// 获取dom元素
const lngout = document.querySelector(".logout");
// // 获取一级标题
// const oneAlist = document.querySelectorAll(".nav > li > a");
// // 获取二级表题
// const subAlist = document.querySelectorAll(".nav ul a");


lngout.addEventListener("click", () => {
    // 判断确认框
    if (confirm("确定退出吗")) {
        // 清除本地存储
        localStorage.removeItem("token8788");
        // 跳转会登录页面
        location.href = "login.html";
    }

})

// 拿到多个一级菜单标签
const onenavs = document.querySelectorAll(".nav > li > a");
// 获取多个一级标签里面的二级标签
const subnavs = document.querySelectorAll(".nav ul > li > a");

// 遍历一级菜单， 绑定点击事件
onenavs.forEach((item) => {
    item.addEventListener("click", function () {
        // 获取二级标签元素
        // 切换类
        this.nextElementSibling.classList.toggle("show");

        // 使用jquery库实现切换功能
        // $(this).next().toggle();
        // $(this).next().fadeToggle();
        // $(this).next().slideToggle();
        // $()
    })
});

// 遍历二级菜单，绑定点击事件
subnavs.forEach((item) => {
    item.addEventListener("click", function () {
        const active = document.querySelector(".active");
        // console.log(active)
        // if(active){
        //     active.classList.remove("active");
        // }
        active.classList.remove("active");
        this.classList.add("active");
    })
})

// // 哈一组表单绑定点击事件
// oneAlist.forEach((item) => {
//     item.addEventListener("click", function (ev) {
//         // 获取到one兄弟-二级菜单
//         this.nextElementSibling.classList.toggle("show");
//     })
// })

// subAlist.forEach((item) => {
//     item.addEventListener("click", function (ev) {
//         // 获取以前选中的a标签
//         const beforeA = document.querySelector(".nav ul a.active");
//         // 移除类
//         beforeA.classList.remove('active');
//         // 当前添加
//         item.classList.add("active");
//     })
// })